// import React, { useState } from 'react';
// import { View, Text, StyleSheet, Dimensions, ActivityIndicator } from 'react-native';
// import WebView from 'react-native-webview';

// const { width, height } = Dimensions.get('window');

// // HTML内容，使用WebView加载地图
// const HTML_CONTENT = `
// <!DOCTYPE html>
// <html>
// <head>
//   <meta charset="utf-8">
//   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
//   <style>
//     body, html {
//       margin: 0;
//       padding: 0;
//       width: 100%;
//       height: 100%;
//       overflow: hidden;
//     }
//     #container {
//       width: 100%;
//       height: 100%;
//     }
//   </style>
//   <script type="text/javascript">
//     window.onerror = function(message, source, lineno, colno, error) {
//       window.ReactNativeWebView.postMessage(JSON.stringify({
//         type: 'error',
//         message: message
//       }));
//       return true;
//     };
//   </script>
// </head>
// <body>
//   <div id="container"></div>
//   <script type="text/javascript">
//     // 创建一个简单的地图显示，不使用复杂的API
//     window.ReactNativeWebView.postMessage(JSON.stringify({
//       type: 'log',
//       message: '正在加载地图页面...'
//     }));
    
//     // 使用iframe加载百度地图或地图静态图片
//     var container = document.getElementById('container');
//     container.innerHTML = '<iframe src="https://uri.amap.com/marker?position=116.4074,39.9042&name=北京市" width="100%" height="100%" frameborder="0"></iframe>';
    
//     window.ReactNativeWebView.postMessage(JSON.stringify({
//       type: 'loaded',
//       message: '地图加载完成'
//     }));
//   </script>
// </body>
// </html>
// `;

// const MapContainerBackup: React.FC = () => {
//   const [loading, setLoading] = useState(true);
//   const [error, setError] = useState<string | null>(null);

//   const handleMessage = (event: any) => {
//     try {
//       const data = JSON.parse(event.nativeEvent.data);
//       console.log('WebView message:', data);
      
//       if (data.type === 'loaded') {
//         setLoading(false);
//       } else if (data.type === 'error') {
//         setError(data.message);
//       }
//     } catch (err) {
//       console.error('Failed to parse WebView message:', err);
//     }
//   };

//   return (
//     <View style={styles.container}>
//       <WebView
//         source={{ html: HTML_CONTENT }}
//         style={styles.webview}
//         onMessage={handleMessage}
//         onLoadEnd={() => setLoading(false)}
//         onError={() => setError('地图加载失败')}
//         javaScriptEnabled={true}
//         domStorageEnabled={true}
//         originWhitelist={['*']}
//       />
      
//       {loading && (
//         <View style={styles.loadingOverlay}>
//           <ActivityIndicator size="large" color="#0000ff" />
//           <Text style={styles.loadingText}>加载地图中...</Text>
//         </View>
//       )}
      
//       {error && (
//         <View style={styles.errorOverlay}>
//           <Text style={styles.errorText}>加载地图时出错: {error}</Text>
//         </View>
//       )}
//     </View>
//   );
// };

// const styles = StyleSheet.create({
//   container: {
//     flex: 1,
//     position: 'relative',
//   },
//   webview: {
//     flex: 1,
//     width: width,
//     height: height,
//   },
//   loadingOverlay: {
//     position: 'absolute',
//     top: 0,
//     left: 0,
//     right: 0,
//     bottom: 0,
//     justifyContent: 'center',
//     alignItems: 'center',
//     backgroundColor: 'rgba(255, 255, 255, 0.8)',
//   },
//   loadingText: {
//     marginTop: 10,
//   },
//   errorOverlay: {
//     position: 'absolute',
//     top: 0,
//     left: 0,
//     right: 0,
//     padding: 20,
//     backgroundColor: 'rgba(255, 200, 200, 0.8)',
//     alignItems: 'center',
//   },
//   errorText: {
//     color: 'red',
//   }
// });

// export default MapContainerBackup; 